<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width" />

    <title>Web Storage API storage event output</title>

    <link rel="stylesheet" href="style.css" />
  </head>

  <body>
    <div class="wrapper">
      <h1>Event output</h1>

      <ul>
        <li>Key: <span class="my-key"></span></li>
        <li>Old value: <span class="my-old"></span></li>
        <li>New value: <span class="my-new"></span></li>
        <li>URL: <span class="my-url"></span></li>
        <li>Storage area: <span class="my-storage"></span></li>
      </ul>

      <p>Go back to the <a href="index.html">main example page</a>.</p>
    </div>
    <script src="event.js"></script>
  </body>
</html>
